button {
    background-color: transparent;
    color: $color-primary;
    cursor: pointer;
    &:hover {
        @extend .blink-wave;
    }
    &[type=pos] {
        color: $color-theme;
        font-weight: 700;
        &:hover {
            @extend .blink-reverse;
        }
    }
    &[type=neg] {
        color: $color-theme;
        &:hover {
            color: $color-theme;
        }
    }
    &[type=clear] {
        flex: 0 0 $height-low;
        cursor: pointer;
        height: $height-low;
        border-radius: $radius-l;
        margin-left: - $height-low;
        color: $color-secondary;
    }
    &[type=full] {
        width: 100%;
        border-radius: 0;
    }
    &[disabled=true] {
        color: $color-secondary;
    }
}

dl button,
li button {
    border-radius: $radius-l;
    flex: 0 0 $height-low;
    height: $height-low;
    line-height: $height-low;
    width: $height-low;
    border-radius: $radius-l;
}